.custom-detail {
  &&-small {
    .detail-content {
      padding: 0 0 24px;
      .content-label {
        line-height: 36px;
      }
      .content-info {
        &.no-bg {
          line-height: 36px;
        }
        line-height: 34px;
      }
    }
  }
  .header-title-label {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 700;
  }
  .text-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .detail-content {
    padding: 0 0 32px;
    .content-label {
      flex-shrink: 0;
      line-height: 32px;
      text-align: right;
      padding-right: 14px;
      position: relative;
      .text-ellipsis();
      &.has-colon:after {
        content: '：';
        position: absolute;
        right: 0;
      }
    }
    .content-info {
      &.no-bg {
        line-height: 32px;
        background: none;
        border: none;
        border-radius: unset;
      }
      flex-grow: 1;
      line-height: 30px;
      border-radius: 6px;
      padding: 0 8px;
      cursor: default;
      white-space: nowrap;
      background: rgba(243, 243, 243, 0.8);
      border: 1px solid rgba(207, 210, 215, 0.3);
    }
  }
}
